<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-tiles" prefix="tiles" %>
<%@ taglib uri="/tags/c" prefix="c" %>
<%@ taglib uri="/tags/fmt" prefix="fmt"%>

<script type="text/javascript">

$(document).ready(function() {

	var validator_form = $("#dataForm").validate({
		rules: {
			rut:	 {
				required:true,
				digits:true,
			},
			nombre:	 {
				required:true,
			},
			
			fono: {
				required:true,
				digits:true,
			},
			
			direccion:{
				required:true,
			}, 
		},
	});
	
	

	$("#btn-guardar").click(function() {
	
		if(confirm( "¿Esta seguro de guardar el registro?" )){
			$("#_cmd").val("guardarCliente");
			$('#dataForm').submit();
		}	
	});
	
	
	
	
	
	$("#btn-nuevo").click(function() {
		
		$("#id").val("");
		$("#rut").val("");
		$("#nombre").val("");
		$("#fono").val("");
		$("#direccion").val("");
		
		
	});

	
	
	

	
});	


</script>
<html:form  action="/operacion/clientes" styleClass="form-horizontal well span10" styleId="dataForm">

<legend>clientes</legend>

<html:hidden property="_cmd" styleId="_cmd"/>
<html:hidden property="id" styleId="id"/>


<div class="control-group">
	<label class="control-label " for="rut">Rut</label>
		<div class="controls">
		<html:text property="rut" styleId="rut" />
	</div>
</div>

<div class="control-group">
	<label class="control-label " for="nombre">Nombre</label>
		<div class="controls">
		<html:text property="nombre" styleId="nombre" />
	</div>
</div>



<div class="control-group">
	<label class="control-label " for="fono">Fono</label>
		<div class="controls">
		<html:text property="fono" styleId="fono" />
	</div>
</div>

<div class="control-group">
	<label class="control-label " for="direccion">Direccion</label>
		<div class="controls">
		<html:text property="direccion" styleId="direccion" />
	</div>
</div>


<div class="form-actions">
	
	<logic:notPresent name="botonGuardar">
		<button class="btn btn-primary" id="btn-guardar" >Guardar</button>
	</logic:notPresent>
	<logic:present name="botonGuardar">
<!-- 		<button class="btn btn-primary" id="btn-eliminar" >Eliminar</button> -->
	</logic:present>
	
	
</div>
		


</html:form>



	<table   class="table">
    <thead>
    <tr>
	    <th>Rut</th>
	    <th>Nombre</th>
	    <th>Fono</th>
	    <th>Direccion</th>					
	    <th>Operacion<th>			
    </tr>
    </thead>
    <tbody>
    <logic:iterate id="lista" name="clientes" > 
	    <tr>
		    <td>${lista.rut }</td>
		    <td>${lista.nombre }</td>
		    <td>${lista.fono }</td>
		    <td>${lista.direccion }</td>
		    <td> <a href="clientes.do?_cmd=eliminarCliente&cliId=${lista.identificador}" >eliminar</a> </td>
	    </tr>
	</logic:iterate>
    </tbody>
    </table>

